<template>
    <div class="container">
        <div v-wechat-title="$route.meta.title"></div>
        <van-swipe :autoplay="3000" class="header-swipe">
            <van-swipe-item v-for="(image, index) in images" :key="index">
                <img :src="image" class="hd-img-responsive" />
            </van-swipe-item>
        </van-swipe>
        <div class="main-body">
            <div class="home-notice hd-shadow common-unit">
                <div class="title">
                    <img src="http://city-card.oss-cn-hangzhou.aliyuncs.com/index/home_notice_logo.png" class="hd-img-responsive"/>
                </div>
                <div class="content">
                    <van-swipe :autoplay="3000" vertical :show-indicators="false">
                        <van-swipe-item>
                            <p class="van-ellipsis"><router-link to="/news_list">商务部关于贯彻落实《国务院关于加强和改进社区服务工作的意见》</router-link></p>
                            <p class="van-ellipsis"><router-link to="/news_list">沈阳市铁西区首届公益创投项目实施方案</router-link></p>
                        </van-swipe-item>
                        <van-swipe-item>
                            <p class="van-ellipsis"><router-link to="/news_list">民政部通知要求贯彻国务院政策加强改进社区服务</router-link></p>
                            <p class="van-ellipsis"><router-link to="/news_list">中共沈阳市委沈阳市人民政府关于加强社区建设的若干意见</router-link></p>
                        </van-swipe-item>
                    </van-swipe>
                </div>
            </div>
            <van-row gutter="10" class="home-card">
                <van-col span="12">
                    <a href="#/civil_first" class="item hd-shadow common-unit-nopadding" id="get-city-card">
                        <img src="http://city-card.oss-cn-hangzhou.aliyuncs.com/index/apply_card_btn.png" class="hd-img-responsive" />
                    </a>
                </van-col>
                <van-col span="12">
                    <a href="#/my_city_card" class="item hd-shadow common-unit" id="show-city-card">
                        <img src="http://city-card.oss-cn-hangzhou.aliyuncs.com/index/look_card_btn.png" class="hd-img-responsive" />
                    </a>
                </van-col>
            </van-row>
            <div class="home-menu hd-shadow common-unit">
                <a href="#/guarantee_medical_index" class="item van-hairline--right">
                    <van-icon name="baoxian"/>
                    <p>垫付医疗</p>
                </a>
                <a href="#/insurance" class="item van-hairline--right">
                    <van-icon name="baoxianxiaoshou" />
                    <p>免费保险</p>
                </a>
                <a href="#/physical_examination" class="item van-hairline--right">
                    <van-icon name="tijian" />
                    <p>免费体检</p>
                </a>
                <a href="#/city_activity" class="item">
                    <van-icon name="lvyouchanpin" />
                    <p>免费旅游</p>
                </a>
            </div>
            <div class="ad">
                <img src="http://city-card.oss-cn-hangzhou.aliyuncs.com/index/welfare_ad.png" class="hd-img-responsive"/>
            </div>
            <div class="home-title hd-shadow common-unit">
                <!--<img src="http://city-card.oss-cn-hangzhou.aliyuncs.com/index/menu_welfare.png" class="menu-img"/>-->
                <div class="menu-txt"><van-icon name="point-gift" /> 专享福利</div>
                <img src="http://city-card.oss-cn-hangzhou.aliyuncs.com/index/link.png" class="link-left"/>
                <img src="http://city-card.oss-cn-hangzhou.aliyuncs.com/index/link.png" class="link-right"/>
            </div>
            <van-row v-for="(item, index) in setmeal" :key="index">
                <div class="home-upgrade hd-shadow common-unit-nopadding upgrade-01">
                    <img :src="item.img" class="hd-img-responsive upgrade-img"/>
                    <div class="scroll-view welfare-info">
                        <van-swipe indicator-color="green" :loop="false">
                            <van-swipe-item>
                                <div class="group">
                                    <div class="item van-ellipsis" v-for="(item, index) in item.content" :key="index">
                                        <van-icon :name="item.icon" /> {{item.name}}
                                    </div>
                                </div>
                            </van-swipe-item>
<!--                            <van-swipe-item>-->
<!--                                <div class="group">-->
<!--                                    <div class="item van-ellipsis"><van-icon name="gift" /> 200元购物补贴</div>-->
<!--                                    <div class="item van-ellipsis"><van-icon name="gift" /> 200元生鲜补贴</div>-->
<!--                                    <div class="item van-ellipsis"><van-icon name="gift" /> 200元教育补贴</div>-->
<!--                                    <div class="item van-ellipsis"><van-icon name="gift" /> 200元车辆补贴</div>-->
<!--                                    <div class="item van-ellipsis"><van-icon name="gift" /> 200元牙科补贴</div>-->
<!--                                    <div class="item van-ellipsis"><van-icon name="gift" /> 200元住宿补贴</div>-->
<!--                                </div>-->
<!--                            </van-swipe-item>-->
                        </van-swipe>
                    </div>
                    <div class="btn-group">
                        <a href="#/ticket_48" class="item">查看详情</a>
                        <a href="#/ticket_48" class="item">立即购买</a>
                    </div>
                </div>
            </van-row>
            <div class="home-upgrade hd-shadow common-unit-nopadding upgrade-01">
                <img src="http://city-card.oss-cn-hangzhou.aliyuncs.com/index/1.png" class="hd-img-responsive upgrade-img"/>
                <div class="scroll-view welfare-info">
                    <van-swipe indicator-color="green" :loop="false">
                        <van-swipe-item>
                            <div class="group">
                                <div class="item van-ellipsis"><van-icon name="balance-list" /> 5000元垫付医疗</div>
                                <div class="item van-ellipsis"><van-icon name="gem" /> 100000元个人保险</div>
                                <div class="item van-ellipsis"><van-icon name="coupon" /> 一水云天温泉门票</div>
                                <div class="item van-ellipsis"><van-icon name="gift" /> 200元生日补贴</div>
                                <div class="item van-ellipsis"><van-icon name="gift" /> 200元医药补贴</div>
                                <div class="item van-ellipsis"><van-icon name="gift" /> 200元餐饮补贴</div>
                            </div>
                        </van-swipe-item>
                        <van-swipe-item>
                            <div class="group">
                                <div class="item van-ellipsis"><van-icon name="gift" /> 200元购物补贴</div>
                                <div class="item van-ellipsis"><van-icon name="gift" /> 200元生鲜补贴</div>
                                <div class="item van-ellipsis"><van-icon name="gift" /> 200元教育补贴</div>
                                <div class="item van-ellipsis"><van-icon name="gift" /> 200元车辆补贴</div>
                                <div class="item van-ellipsis"><van-icon name="gift" /> 200元牙科补贴</div>
                                <div class="item van-ellipsis"><van-icon name="gift" /> 200元住宿补贴</div>
                            </div>
                        </van-swipe-item>
                        <van-swipe-item>
                            <div class="group">
                                <div class="item van-ellipsis"><van-icon name="gift" /> 200元保健补贴</div>
                                <div class="item van-ellipsis"><van-icon name="gift" /> 200元洗浴补贴</div>
                                <div class="item van-ellipsis"><van-icon name="gift" /> 沈阳世博园门票</div>
                                <div class="item van-ellipsis"><van-icon name="gift" /> 热高丛林欢乐世界门票</div>
                                <div class="item van-ellipsis"><van-icon name="gift" /> 铁岭竹溪源温泉度假区门票</div>
                                <div class="item van-ellipsis"><van-icon name="gift" /> 沈阳怪坡滑雪场门票</div>
                            </div>
                        </van-swipe-item>
                    </van-swipe>
                </div>
                <div class="btn-group">
                    <a href="#/ticket_48" class="item">查看详情</a>
                    <a href="#/ticket_48" class="item">立即购买</a>
                </div>
            </div>
            <div class="home-upgrade hd-shadow common-unit-nopadding upgrade-02">
                <img src="http://city-card.oss-cn-hangzhou.aliyuncs.com/index/2.png" class="hd-img-responsive upgrade-img"/>
                <div class="scroll-view welfare-info">
                    <van-swipe indicator-color="green" :loop="false">
                        <van-swipe-item>
                            <div class="group">
                                <div class="item van-ellipsis red"><van-icon name="service" /> 286元大健康体检</div>
                                <div class="item van-ellipsis red"><van-icon name="gift" /> 本溪水洞景区门票</div>
                                <div class="item van-ellipsis"><van-icon name="balance-list" /> 5000元垫付医疗</div>
                                <div class="item van-ellipsis"><van-icon name="gem" /> 100000元个人保险</div>
                                <div class="item van-ellipsis"><van-icon name="coupon" /> 一水云天温泉门票</div>
                                <div class="item van-ellipsis"><van-icon name="gift" /> 200元生日补贴</div>
                            </div>
                        </van-swipe-item>
                        <van-swipe-item>
                            <div class="group">
                                <div class="item van-ellipsis"><van-icon name="gift" /> 200元购物补贴</div>
                                <div class="item van-ellipsis"><van-icon name="gift" /> 200元生鲜补贴</div>
                                <div class="item van-ellipsis"><van-icon name="gift" /> 200元教育补贴</div>
                                <div class="item van-ellipsis"><van-icon name="gift" /> 200元车辆补贴</div>
                                <div class="item van-ellipsis"><van-icon name="gift" /> 200元牙科补贴</div>
                                <div class="item van-ellipsis"><van-icon name="gift" /> 200元住宿补贴</div>
                            </div>
                        </van-swipe-item>
                        <van-swipe-item>
                            <div class="group">
                                <div class="item van-ellipsis"><van-icon name="gift" /> 200元保健补贴</div>
                                <div class="item van-ellipsis"><van-icon name="gift" /> 200元洗浴补贴</div>
                                <div class="item van-ellipsis"><van-icon name="gift" /> 沈阳世博园门票</div>
                                <div class="item van-ellipsis"><van-icon name="gift" /> 热高丛林欢乐世界门票</div>
                                <div class="item van-ellipsis"><van-icon name="gift" /> 铁岭竹溪源温泉度假区门票</div>
                                <div class="item van-ellipsis"><van-icon name="gift" /> 沈阳怪坡滑雪场门票</div>
                            </div>
                        </van-swipe-item>
                    </van-swipe>
                </div>
                <div class="btn-group">
                    <a href="#/ticket_98" class="item">查看详情</a>
                    <a href="#/ticket_98" class="item">立即购买</a>
                </div>
            </div>
            <div class="home-title hd-shadow common-unit">
                <!--<img src="http://city-card.oss-cn-hangzhou.aliyuncs.com/index/menu_subsidy.png" class="menu-img"/>-->
                <div class="menu-txt"><van-icon name="cart-circle" /> 消费补贴</div>
                <img src="http://city-card.oss-cn-hangzhou.aliyuncs.com/index/link.png" class="link-left"/>
                <img src="http://city-card.oss-cn-hangzhou.aliyuncs.com/index/link.png" class="link-right"/>
            </div>
            <div class="home-subsidy">
                <van-swipe indicator-color="green" :loop="false">
                    <van-swipe-item>
                        <div class="item hd-shadow" v-for="(item, index) in subsidytype" :key="index">
                            <div class="img">
                                <img :src="item.img" class="hd-img-responsive"/>
                            </div>
                            <div class="info">
                                <div class="title">{{item.name}}</div>
                                <div class="fee">{{item.content}}</div>
                            </div>
                        </div>
                    </van-swipe-item>
<!--                        <a href="#/subsidy_index" class="item hd-shadow">-->
<!--                            <div class="img">-->
<!--                                <img src="http://city-card.oss-cn-hangzhou.aliyuncs.com/index/subsidy_wh.png" class="hd-img-responsive"/>-->
<!--                            </div>-->
<!--                            <div class="info">-->
<!--                                <div class="title">文化补贴</div>-->
<!--                                <div class="fee"><em>¥</em>200</div>-->
<!--                            </div>-->
<!--                        </a>-->
<!--                        <div class="item hd-shadow">-->
<!--                            <div class="img">-->
<!--                                <img src="http://city-card.oss-cn-hangzhou.aliyuncs.com/index/subsidy_ly.png" class="hd-img-responsive"/>-->
<!--                            </div>-->
<!--                            <div class="info">-->
<!--                                <div class="title">旅游补贴</div>-->
<!--                                <div class="fee"><em>¥</em>200</div>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                        <div class="item hd-shadow">-->
<!--                            <div class="img">-->
<!--                                <img src="http://city-card.oss-cn-hangzhou.aliyuncs.com/index/subsidy_yy.png" class="hd-img-responsive"/>-->
<!--                            </div>-->
<!--                            <div class="info">-->
<!--                                <div class="title">医药补贴</div>-->
<!--                                <div class="fee"><em>¥</em>200</div>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                        <div class="item hd-shadow">-->
<!--                            <div class="img">-->
<!--                                <img src="http://city-card.oss-cn-hangzhou.aliyuncs.com/index/subsidy_sr.png" class="hd-img-responsive"/>-->
<!--                            </div>-->
<!--                            <div class="info">-->
<!--                                <div class="title">生日补贴</div>-->
<!--                                <div class="fee"><em>¥</em>200</div>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                        <div class="item hd-shadow">-->
<!--                            <div class="img">-->
<!--                                <img src="http://city-card.oss-cn-hangzhou.aliyuncs.com/index/subsidy_cy.png" class="hd-img-responsive"/>-->
<!--                            </div>-->
<!--                            <div class="info">-->
<!--                                <div class="title">餐饮补贴</div>-->
<!--                                <div class="fee"><em>¥</em>200</div>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                        <div class="item hd-shadow">-->
<!--                            <div class="img">-->
<!--                                <img src="http://city-card.oss-cn-hangzhou.aliyuncs.com/index/subsidy_gw.png" class="hd-img-responsive"/>-->
<!--                            </div>-->
<!--                            <div class="info">-->
<!--                                <div class="title">购物补贴</div>-->
<!--                                <div class="fee"><em>¥</em>200</div>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </van-swipe-item>-->
                    <van-swipe-item>
                        <div class="item hd-shadow">
                            <div class="img">
                                <img src="http://skv4.oss-cn-hangzhou.aliyuncs.com/demo/shop_ico.png" class="hd-img-responsive"/>
                            </div>
                            <div class="info">
                                <div class="title">生鲜补贴</div>
                                <div class="fee"><em>¥</em>200</div>
                            </div>
                        </div>
                        <div class="item hd-shadow">
                            <div class="img">
                                <img src="http://skv4.oss-cn-hangzhou.aliyuncs.com/demo/shop_ico.png" class="hd-img-responsive"/>
                            </div>
                            <div class="info">
                                <div class="title">教育补贴</div>
                                <div class="fee"><em>¥</em>200</div>
                            </div>
                        </div>
                        <div class="item hd-shadow">
                            <div class="img">
                                <img src="http://skv4.oss-cn-hangzhou.aliyuncs.com/demo/shop_ico.png" class="hd-img-responsive"/>
                            </div>
                            <div class="info">
                                <div class="title">车辆补贴</div>
                                <div class="fee"><em>¥</em>200</div>
                            </div>
                        </div>
                        <div class="item hd-shadow">
                            <div class="img">
                                <img src="http://skv4.oss-cn-hangzhou.aliyuncs.com/demo/shop_ico.png" class="hd-img-responsive"/>
                            </div>
                            <div class="info">
                                <div class="title">牙科补贴</div>
                                <div class="fee"><em>¥</em>200</div>
                            </div>
                        </div>
                        <div class="item hd-shadow">
                            <div class="img">
                                <img src="http://skv4.oss-cn-hangzhou.aliyuncs.com/demo/shop_ico.png" class="hd-img-responsive"/>
                            </div>
                            <div class="info">
                                <div class="title">住宿补贴</div>
                                <div class="fee"><em>¥</em>200</div>
                            </div>
                        </div>
                        <div class="item hd-shadow">
                            <div class="img">
                                <img src="http://skv4.oss-cn-hangzhou.aliyuncs.com/demo/shop_ico.png" class="hd-img-responsive"/>
                            </div>
                            <div class="info">
                                <div class="title">保健补贴</div>
                                <div class="fee"><em>¥</em>200</div>
                            </div>
                        </div>
                    </van-swipe-item>
                </van-swipe>
            </div>
            <div class="home-title hd-shadow common-unit">
                <!--<img src="http://city-card.oss-cn-hangzhou.aliyuncs.com/index/menu_tour.png" class="menu-img"/>-->
                <div class="menu-txt"><van-icon name="map-marked" /> 公益旅游</div>
                <img src="http://city-card.oss-cn-hangzhou.aliyuncs.com/index/link.png" class="link-left"/>
                <img src="http://city-card.oss-cn-hangzhou.aliyuncs.com/index/link.png" class="link-right"/>
            </div>
            <div class="home-tickets hd-shadow common-unit-nopadding">
                <van-row gutter="3">
                    <a href="https://weixint.juyouhx.com/views/card_citycard/tickets_introduce_jy2019.html?cid=tz00413874f56d3d2">
                        <van-col span="16">
                            <img src="http://city-card.oss-cn-hangzhou.aliyuncs.com/index/tickets_01.png" class="hd-img-responsive"/>
                        </van-col>
                    </a>
                    <a href="https://weixint.juyouhx.com/views/card_citycard/tickets_introduce_jl2019_get.html?cid=tz00413874f56d3d2&code=1543303864690&pwx=1">
                        <van-col span="8">
                            <img src="http://city-card.oss-cn-hangzhou.aliyuncs.com/index/tickets_02.png" class="hd-img-responsive"/>
                        </van-col>
                    </a>
                </van-row>
                <van-row gutter="3">
                    <a href="https://weixint.juyouhx.com/views/card_citycard/tickets_introduce_jy2019.html?cid=tz00413874f56d3d2">
                        <van-col span="8">
                            <img src="http://city-card.oss-cn-hangzhou.aliyuncs.com/index/tickets_03.png" class="hd-img-responsive"/>
                        </van-col>
                    </a>
                    <van-col span="8">
                        <img src="http://city-card.oss-cn-hangzhou.aliyuncs.com/index/tickets_04.png" class="hd-img-responsive"/>
                    </van-col>
                    <van-col span="8">
                        <img src="http://city-card.oss-cn-hangzhou.aliyuncs.com/index/tickets_05.png" class="hd-img-responsive"/>
                    </van-col>
                </van-row>
            </div>
            <div class="home-tour hd-shadow common-unit">
                <div class="img">
                    <img src="http://city-card.oss-cn-hangzhou.aliyuncs.com/index/tour_demo_logo.png" class="hd-img-responsive"/>
                </div>
                <div class="info">
                    <div class="title">凤凰山景区、老牛背、玻璃栈道存玩1日跟团游</div>
                    <div class="label-group">
                        <span class="item">一日游</span><span class="item">爬山</span>
                    </div>
                    <div class="price-info">
                        <span class="sale-price"><em>¥</em>105<em>起</em></span>
                        <span class="market-price">¥240</span>
                    </div>
                </div>
            </div>
            <div class="home-tour hd-shadow common-unit">
                <div class="img">
                    <img src="http://city-card.oss-cn-hangzhou.aliyuncs.com/index/tour_demo_logo.png" class="hd-img-responsive"/>
                </div>
                <div class="info">
                    <div class="title">凤凰山景区、老牛背、玻璃栈道存玩1日跟团游</div>
                    <div class="label-group">
                        <span class="item">一日游</span><span class="item">爬山</span>
                    </div>
                    <div class="price-info">
                        <span class="sale-price"><em>¥</em>105<em>起</em></span>
                        <span class="market-price">¥240</span>
                    </div>
                </div>
            </div>
            <div class="home-tour hd-shadow common-unit">
                <div class="img">
                    <img src="http://city-card.oss-cn-hangzhou.aliyuncs.com/index/tour_demo_logo.png" class="hd-img-responsive"/>
                </div>
                <div class="info">
                    <div class="title">凤凰山景区、老牛背、玻璃栈道存玩1日跟团游玻璃栈道存玩1日跟团游玻璃栈道存玩1日跟团游</div>
                    <div class="label-group">
                        <span class="item">一日游</span><span class="item">爬山</span>
                    </div>
                    <div class="price-info">
                        <span class="sale-price"><em>¥</em>105<em>起</em></span>
                        <span class="market-price">¥240</span>
                    </div>
                </div>
            </div>
            <div class="home-title hd-shadow common-unit">
                <!--<img src="http://city-card.oss-cn-hangzhou.aliyuncs.com/index/menu_more.png" class="menu-img-more"/>-->
                <div class="menu-txt">更多功能 敬请期待</div>
                <img src="http://city-card.oss-cn-hangzhou.aliyuncs.com/index/link.png" class="link-left"/>
                <img src="http://city-card.oss-cn-hangzhou.aliyuncs.com/index/link.png" class="link-right"/>
            </div>
            <div class="home-more hd-shadow common-unit-nopadding">
                <div class="item van-hairline--bottom">
                    <van-icon name="desktop-o" />
                    <div class="desc"><span>政务办理:</span> 社区事项办理,结果查询,全程网办!</div>
                </div>
                <div class="item van-hairline--bottom">
                    <van-icon name="logistics" />
                    <div class="desc"><span>公交地铁:</span> 一卡乘公交,座地铁,在线充值,即充即用!</div>
                </div>
                <div class="item van-hairline--bottom">
                    <van-icon name="balance-list-o" />
                    <div class="desc"><span>生活缴费:</span> 电话费,水费,电费,煤气费,有线电视在线缴纳!</div>
                </div>
                <div class="item van-hairline--bottom">
                    <van-icon name="after-sale" />
                    <div class="desc"><span>金融服务:</span> 购买基金,在线借款,个人理财,信用担保,全网最惠!</div>
                </div>
                <div class="item van-hairline--bottom">
                    <van-icon name="gift-o" />
                    <div class="desc"><span>民生福利:</span> 社团活动,公益服务,免费演出,免费申领,其他政府服务!</div>
                </div>
                <div class="item van-hairline--bottom">
                    <van-icon name="video-o" />
                    <div class="desc"><span>报报视频:</span> 播报生活,发现美好,让生活无死角!</div>
                </div>
                <div class="item more" v-if="!show" @click="showMore()">
                    点击查看全部功能
                </div>
                <div v-if="show">
                    <div class="item van-hairline--bottom"
                         v-for="(item, index) in otherlist"
                         :key="index"
                    >
                        <van-icon name="shop-o" />
                        <div class="desc"><span>{{item.name}}:</span> {{item.content}}</div>
                    </div>
                    <div class="item van-hairline--bottom">
                        <van-icon name="like-o" />
                        <div class="desc"><span>挚爱良缘:</span> 实名交友,精心策划婚恋活动,线下臻爱红娘!</div>
                    </div>
                    <div class="item van-hairline--bottom">
                        <van-icon name="orders-o" />
                        <div class="desc"><span>政策查询:</span> 法律法规,民生政策,政策文件,一键查询!</div>
                    </div>
                    <div class="item van-hairline--bottom">
                        <van-icon name="contact" />
                        <div class="desc"><span>专家服务:</span> 生活专家,法律专家,财务专家,免费在线咨询!</div>
                    </div>
                    <div class="item van-hairline--bottom">
                        <van-icon name="flower-o" />
                        <div class="desc"><span>教育服务:</span> 教育机构查询,在线报名,慕课平台,学区房范围查询!</div>
                    </div>
                    <div class="item van-hairline--bottom">
                        <van-icon name="flag-o" />
                        <div class="desc"><span>党建服务:</span> 党建服务,团建服务,工建服务,表彰服务!</div>
                    </div>
                    <div class="item van-hairline--bottom">
                        <van-icon name="comment-circle-o" />
                        <div class="desc"><span>常用服务:</span> 常用服务链接,网络工具链接!</div>
                    </div>
                    <div class="item van-hairline--bottom">
                        <van-icon name="service-o" />
                        <div class="desc"><span>客服服务:</span> 问题在线交流,现场解答,智能问答!</div>
                    </div>
                    <div class="item van-hairline--bottom">
                        <van-icon name="fire-o" />
                        <div class="desc"><span>救助服务:</span> 困难救助,法律救助,职工救助,爱心救助!</div>
                    </div>
                    <div class="item van-hairline--bottom">
                        <van-icon name="shop-collect-o" />
                        <div class="desc"><span>物业服务:</span> 物业缴费,物业评价,物业事务调度,物业推荐,开锁,地热!</div>
                    </div>
                    <div class="item van-hairline--bottom">
                        <van-icon name="gem-o" />
                        <div class="desc"><span>保险服务:</span> 家庭财险,汽车保险,人寿保险,旅游保险,出行保险一网融合!</div>
                    </div>
                </div>
            </div>
            <Divider msg="家事通 事事通"/>
        </div>
    </div>
</template>

<script>
import Divider from '@/components/divider'
import { ctcsetmeal, ctcsubsidytype, ctcother } from '@/api/home'

export default {
  name: 'index',
  data () {
    return {
      show: false,
      images: [
        'http://city-card.oss-cn-hangzhou.aliyuncs.com/index/index_header_01.png'
      ],
      setmeal: [],
      subsidytype: [],
      otherlist: []
    }
  },
  methods: {
    showMore () {
      this.show = !this.show
    },
    init () {
      //  专享套餐列表
      ctcsetmeal().then(ret => {
        this.setmeal = ret.data.data
        this.setmeal.forEach(item => {
          item.content = JSON.parse(item.content)
          console.log(item.content)
        })
      })
      // 补贴分类列表
      ctcsubsidytype().then(res => {
        this.subsidytype = res.data.data
        this.subsidytype.forEach(item => {
          console.log(item)
        })
      })
      // 更多功能列表
      ctcother().then(ret => {
        this.otherlist = ret.data.data
        this.otherlist.forEach(item => {
          console.log(item)
        })
      })
    }
  },
  components: {
    Divider
  },
  mounted () {
    this.init()
  }
}
</script>

<style src="./index.css" scoped>
</style>
